<template>
  <div class="bar-parent">
    <div
      ref="echartsRef"
      :style="{width:barWidth+'px',height:barHeight+'px'}"
      class="bar-item"
    />
    <!-- TODO:这里是表格 -->
    <div class="bar-table" :style="{width:barWidth+'px'}">
      <slot name="bar-table"></slot>
    </div>
  </div>
</template>

<script src="./BarIndex.js"/>

<style>
.bar-item {
  margin: 0 auto;
  padding-top: 20px;
}

.bar-table {
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
}
</style>
